﻿<%@ Page Title="" Language="C#" MasterPageFile="~/static.Master" AutoEventWireup="true"
    CodeBehind="Fixtures.aspx.cs" Inherits="GS.Cricket.Web.Fixtures" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="bootstrap/css/datetimepicker.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
    <link href="css/nonbootstrap.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Nav" runat="server">
    <ul class="nav">
        <li><a href="#">Home</a></li>
        <li><a href="Team.aspx">Team</a></li>
        <li class="active"><a href="Fixtures.aspx">Fixtures</a></li>
        <li><a href="PointsTable.aspx">Points Table</a></li>
    </ul>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <form id="form1" runat="server">
    <div id="wrapper">
      <%--  <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>--%>
                <h2>
                    Fixtures</h2>
                <asp:GridView ID="MatchGrid" runat="server" AutoGenerateColumns="False" ShowFooter="True"
                    GridLines="None" CssClass="table table-hover" DataKeyNames="Id">
                    <Columns>
                        <asp:TemplateField HeaderText="Fixture">
                            <ItemTemplate>
                                <asp:HyperLink ID="LabelFixture" 
                                                NavigateUrl='<%# "~/Match.aspx?id=" + Eval("Id") %>' 
                                                Text='<%# Eval("Name") %>' runat="server"></asp:HyperLink>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Date">
                            <ItemTemplate>
                                <asp:Label ID="LabelDate" Text='<%# Eval("MatchDate") %>' runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Winner">
                            <ItemTemplate>
                                <asp:Label ID="LabelWinner" Text='<%# Eval("Winner") %>' runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="WonBy">
                            <ItemTemplate>
                                <asp:Label ID="LabelWonBy" Text='<%# Eval("WonBy") %>' runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:HiddenField ID="Id" runat="server" Value='<%#Eval("Id") %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <SelectedRowStyle CssClass="gridSelectedRow" />
                </asp:GridView>
                <asp:Panel ID="Panel_FixtureAdmin" runat="server">
                    <asp:DropDownList ID="DropDownList_TeamA" runat="server">
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList_TeamB" runat="server">
                    </asp:DropDownList>
                    <div class="input-append date form_datetime">
                        <asp:TextBox ID="txtDate" runat="server" placeholder="Date (dd-mm-yyyy hh:mm)"></asp:TextBox>
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>
                    <script type="text/javascript">
                        $(".form_datetime").datetimepicker({
                            format: "dd-mm-yyyy hh:ii",
                            pickerPosition: "bottom-left"
                        });
                    </script>
                    <asp:Button ID="Button_AddFixture" runat="server" Text="Add Fixture" OnClick="ButtonAddFixture_Click" CssClass="btn btn-info"/>                    
                    <asp:LinkButton ID="Button_DeleteFixture" runat="server" CssClass="btn btn-danger"
                        OnClick="Button_DeleteFixtureClick"><i class="icon-remove-sign icon-white"></i> Delete Fixture</asp:LinkButton>
                </asp:Panel>
                <div>
                    <asp:Label ID="Label_FixtureError" runat="server" CssClass="control-label" for="inputError"></asp:Label>
                    <asp:Label ID="Label_FixtureSuccess" runat="server" CssClass="control-label" for="inputSuccess"></asp:Label>
                </div>
<%--            </ContentTemplate>
        </asp:UpdatePanel>--%>
    </div>
    </form>
</asp:Content>
